<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bacOrder</title>
    <link rel="stylesheet" href="css/bac.css"/>
    <link rel="stylesheet" href="css/file_bank.css"/>
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    <script type="text/javascript" src="js/bac.js"></script>

</head>
<body>
<div class="bac_header">
    <div class="bac_header_left">
        <img src="img/pencil.png">
        <div>
            <img src="img/迷彩学堂.png" alt="" id="micai">
            <div>教学后台管理系统</div>
        </div>
    </div>
    <div class="bac_header_middle">
        <img src="img/vector.png">
    </div>
    <div class="bac_header_right">
        <span>001管理员</span>
        <img src="img/bac_human.png">
        <img src="img/forward.png" style="margin-left: 30px">
    </div>

</div>
<div class="bac_body">
    <div class="nav">
        <div class="nav_card">
            <a href="#" onclick="toggleUser()">
                <div class="nav_card_top">
                    <img src="img/bac_user.png" class="nav_card_top_logo">
                    <div style="width: 90px">用户管理</div>
                    <img src="img/down.png" class="nav_card_top_down">
                </div>
            </a>

            <ul id="user_card">
                <li class="nav_card_list">
                    <img src="img/bac_user.png" class="nav_card_top_logo">
                    &nbsp;&nbsp;<a href="#">教员信息</a>
                </li>
                <li class="nav_card_list">
                    <img src="img/bac_user.png" class="nav_card_top_logo">
                    &nbsp;&nbsp;<a href="#">退役军人</a>
                </li>
            </ul>
        </div>
        <div class="nav_card">
            <a href="#" onclick="toggleOrder()">
                <div class="nav_card_top">
                    <img src="img/bac_order_out.png" class="nav_card_top_logo">
                    <div style="width: 90px">订单管理</div>
                    <img src="img/down.png" class="nav_card_top_down">
                </div>
            </a>

            <ul id="order_card">
                <li class="nav_card_list">
                    <img src="img/bac_order_in.png" class="nav_card_top_logo">
                    &nbsp;&nbsp;<a href="#">全部</a>
                </li>
                <li class="nav_card_list">
                    <img src="img/bac_order_in.png" class="nav_card_top_logo">
                    &nbsp;&nbsp;<a href="#">进行中</a>
                </li>
                <li class="nav_card_list">
                    <img src="img/bac_order_in.png" class="nav_card_top_logo">
                    &nbsp;&nbsp;<a href="#">已完成</a>
                </li>
                <li class="nav_card_list">
                    <img src="img/bac_order_in.png" class="nav_card_top_logo">
                    &nbsp;&nbsp;<a href="#">问题订单</a>
                </li>

            </ul>
        </div>
        <div class="nav_card">
            <a href="#">
                <div class="nav_card_top">
                    <img src="img/bac_inf.png" class="nav_card_top_logo">
                    <div style="width: 90px">资料库</div>
                    <img src="img/down.png" class="nav_card_top_down">
                </div>
            </a>
        </div>
        <div class="nav_card">
            <a href="#">
                <div class="nav_card_top">
                    <img src="img/bac_setting.png" class="nav_card_top_logo">
                    <div style="width: 90px">系统管理</div>
                    <img src="img/down.png" class="nav_card_top_down">
                </div>
            </a>
        </div>
    </div>
    <div class="container">
        <div class="located">
            资料库&nbsp;>&nbsp;全部&nbsp;>
        </div>
        <div class="navigation">
            <span>资料库<span class="cha">×</span></span>
            <span>上传<span class="cha">×</span></span>
        </div>
        <div class="all_file">
            <div class="file_container">
                <i class="fa fa-search" id="i-advanced-search-i"></i>
                <input class="search_input" type="text" placeholder="&nbsp;&nbsp;请输入资料编号">
            </div>
            <div class="file_card">
                <div class="file">
                    <div class="file_info">
                        <img src="img/ziliao.png" width="129px" height="179px">
                        <div class="instruction">
                            <div>
                                <span>资料编号:&nbsp;</span>
                                <span>Z100001</span>
                            </div>
                            <div>《企业会计学》2023年考点</div>
                            <div>
                                <span>发布时间:&nbsp;</span>
                                <span>2023年1月</span>
                            </div>
                            <div>
                                <span>作者:&nbsp;</span>
                                <span>赵小燕</span>
                            </div>
                            <div>
                                <span>
                                    定价:&nbsp;
                                </span>
                                <span>
                                    ￥15
                                </span>
                            </div>
                            <div>
                                <a href="#"><span>更换封面</span></a>
                                <a href="#"><span>查看详细</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="file_info">
                        <img src="img/ziliao.png" width="129px" height="179px">
                        <div class="instruction">
                            <div>
                                <span>资料编号:&nbsp;</span>
                                <span>Z100001</span>
                            </div>
                            <div>《企业会计学》2023年考点</div>
                            <div>
                                <span>发布时间:&nbsp;</span>
                                <span>2023年1月</span>
                            </div>
                            <div>
                                <span>作者:&nbsp;</span>
                                <span>赵小燕</span>
                            </div>
                            <div>
                                <span>
                                    定价:&nbsp;
                                </span>
                                <span>
                                    ￥15
                                </span>
                            </div>
                            <div>
                                <a href="#"><span>更换封面</span></a>
                                <a href="#"><span>查看详细</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="file_info">
                        <img src="img/ziliao.png" width="129px" height="179px">
                        <div class="instruction">
                            <div>
                                <span>资料编号:&nbsp;</span>
                                <span>Z100001</span>
                            </div>
                            <div>《企业会计学》2023年考点</div>
                            <div>
                                <span>发布时间:&nbsp;</span>
                                <span>2023年1月</span>
                            </div>
                            <div>
                                <span>作者:&nbsp;</span>
                                <span>赵小燕</span>
                            </div>
                            <div>
                                <span>
                                    定价:&nbsp;
                                </span>
                                <span>
                                    ￥15
                                </span>
                            </div>
                            <div>
                                <a href="#"><span>更换封面</span></a>
                                <a href="#"><span>查看详细</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="file_info">
                        <img src="img/ziliao.png" width="129px" height="179px">
                        <div class="instruction">
                            <div>
                                <span>资料编号:&nbsp;</span>
                                <span>Z100001</span>
                            </div>
                            <div>《企业会计学》2023年考点</div>
                            <div>
                                <span>发布时间:&nbsp;</span>
                                <span>2023年1月</span>
                            </div>
                            <div>
                                <span>作者:&nbsp;</span>
                                <span>赵小燕</span>
                            </div>
                            <div>
                                <span>
                                    定价:&nbsp;
                                </span>
                                <span>
                                    ￥15
                                </span>
                            </div>
                            <div>
                                <a href="#"><span>更换封面</span></a>
                                <a href="#"><span>查看详细</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="file_info">
                        <img src="img/ziliao.png" width="129px" height="179px">
                        <div class="instruction">
                            <div>
                                <span>资料编号:&nbsp;</span>
                                <span>Z100001</span>
                            </div>
                            <div>《企业会计学》2023年考点</div>
                            <div>
                                <span>发布时间:&nbsp;</span>
                                <span>2023年1月</span>
                            </div>
                            <div>
                                <span>作者:&nbsp;</span>
                                <span>赵小燕</span>
                            </div>
                            <div>
                                <span>
                                    定价:&nbsp;
                                </span>
                                <span>
                                    ￥15
                                </span>
                            </div>
                            <div>
                                <a href="#"><span>更换封面</span></a>
                                <a href="#"><span>查看详细</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="file_info">
                        <img src="img/ziliao.png" width="129px" height="179px">
                        <div class="instruction">
                            <div>
                                <span>资料编号:&nbsp;</span>
                                <span>Z100001</span>
                            </div>
                            <div>《企业会计学》2023年考点</div>
                            <div>
                                <span>发布时间:&nbsp;</span>
                                <span>2023年1月</span>
                            </div>
                            <div>
                                <span>作者:&nbsp;</span>
                                <span>赵小燕</span>
                            </div>
                            <div>
                                <span>
                                    定价:&nbsp;
                                </span>
                                <span>
                                    ￥15
                                </span>
                            </div>
                            <div>
                                <a href="#"><span>更换封面</span></a>
                                <a href="#"><span>查看详细</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer">
                <span class="all_pages">
                    <span><</span>
                    <span class="active">1</span>
                    <span>2</span>
                    <span>3</span>
                    <span>4</span>
                    <span>...</span>
                    <span>100</span>
                    <span>></span>
                    <span>前往</span>
                    <input class="special_input"></input>
                    <span>页</span>
                </span>
            </div>
        </div>
    </div>

</div>
</body>
</html>
